import React from 'react';
import {inject,observer} from 'mobx-react'
import {NavLink} from "react-router-dom";
// 这里展示获取mobx的数据
// import {observer, inject} from 'mobx-react'
// observer:将你的组件变成响应式组件。就是数据改变时候可以出发重新的渲染。
// inject(homeStore):和redux的connect作用一样,将数据注册到组件。homeStore其实就我们store/index中 new出来的实例名称；
// this.props.homeStore.xxx:这个就是如何使用数据源中的值.就和组件透传一样
// https://www.jianshu.com/p/5549eb6f97a9     使用修饰器是es7的语法  需要配置balel
@inject("homeStore")
@observer
class Login extends React.Component{
    loginUser = (evnet)=>{
        this.props.homeStore.loginServer()
            .then(res=>{
                this.props.history.push('/Main/home')
            })
    }
    render(){
        return(
            <div>
                登录<input type="text"/>
                密码<input type="text"/>
                <button onClick={this.loginUser.bind(this)}>登录</button>
                <NavLink   to="/Main/Home">首页</NavLink>
                <NavLink to="/Main/About">关于我们</NavLink>
                <NavLink   to="/Main/Events">企业事件</NavLink>
                <NavLink  to="/Main/Products">公司产品</NavLink>
                <NavLink   to="/Main/Contact">联系我们</NavLink>
            </div>
        )
    }
}
export default Login